/*Left navigation */
#leftnav
{
	float: left;
	width: 170px;
	margin: 0;
  padding:10px;
	background:#fff;
	
	
}
/* Search area in left navigation*/
#leftnav .searchArea
{
	color:#000;
	width:190px;
	height:60px;
	border-left: 1px solid #898989;
	border-right: 1px solid #898989;
	border-top: 1px solid #898989;
	margin-left:-11px;
	margin-top:-10px;
}
/*Text area for search*/
.searchWalk
{
	margin-left:2px;
	margin-top:2px;
	width:153px;
	height:15px;
	color:#898989;
}
/*search button*/
.searchButton
{
	margin-left:161px;
	margin-top:-25px;
}
/*radio buttons for search filter*/
.searchRadioButtons
{
	font-size:0.8em;
}
/* Select box to reorder list of walks*/
.sortBox
{
	width:90px;
	margin-left:20px;
}

.sortBox option
{
	font-size:0.8em;
}

.searchResult .heading
{
	background:#6d84b4;
	border-bottom:thick solid #eceff5;
	color:#fff;
	padding:1px;
	font-size:1em;
}


/*list of walks in left navigation*/
#leftnav .list
{
	border-left:1px solid #898989;
	border-bottom:1px solid #898989;
	color:#000;
	width:190px;
	height:592px;
	margin-left:-11px;
	overflow: auto; 
}

#leftnav .listItem
{
	border-left:thick solid #eceff5;
	border-bottom:thick solid #eceff5;
	border-right:thick solid #eceff5;
}

.link
{
	padding:5px;
	display:block;
	color:black;
	text-decoration:none;
}

.link:hover {text-decoration:underline;}


/*detailed walk info*/
#right-pane
{
	margin-left: 190px; 
	width:515px;
	background:#fff ;
	border:1px solid #898989;
	padding-top:20px;
	height:auto;
}
/*Container to hold map related info*/
.mapHeading
{
  margin-left:10px;
	width:470px;
	height:15px;
	padding:1px;
}

.map .walkName
{
	padding:4px;
	
	font-weight:bold;
	font-size:1.2em;
}

#right-pane .map
{
	margin-top:-20px;
  margin-left:10px;
	color:#fff;
}

.map .googleMaps
{
	width:495px;
	height:350px;
	border:1px solid #DEE79C;
}

#right-pane .map img
{
	/*background-color:#000;*/
	width:auto;
	height:auto;
	
}

.map .mapButtons
{
	
	margin-top:2px;
	margin-left:75px;
	margin-bottom:5px;
}

#right-pane .walkInformation
{
	background: #eceff5;
	border:1px solid #eceff5;
	color:#000;
	margin-top:5px;
	margin-left:10px;
	width:495px;
	height:auto;
}

.walkInformation .walkDetails
{
	height:80px;

}

.walkDetails .ratings
{
	margin-left:10px;
}

.tableHeader
{
  font-size:4px;
  font-weight:bold;
  vertical-align:middle;
}

.walkDetails .visitFavouriteCheckBox
{
	margin-top:-15px;
	margin-left:300px;
}

.walkDetails .walkTags
{
	margin-top:30px;
	margin-left:10px;
}

#right-pane .walkDescription
{
	background: #eceff5;
	border:1px solid #eceff5;
	color:#000;
	margin-left:10px;
	margin-top:5px;
	width:495px;
	height:auto;
}

.walkDescription .walkDescriptionContent
{
	height:50px;
	overflow:auto;
	color:#000;
	margin-left:10px;
}

#right-pane .walkComments
{
	background: #eceff5;
	border:1px solid #eceff5;
	margin-top:3px;
	margin-left:10px;
	width:495px;
	color:#fff;
}

.walkComments .commentContent
{
	height:80px;
	overflow:auto;
}
	
.checkedNo
{
  height:24px;
  width:24px;
}

.markedNo
{
  height:24px;
  width:24px;
}

.markedYes
{
  height:24px;
  width:24px;
}

.checkedYes
{
  height:24px;
  width:24px;
}